# --- Build Stage ---
# 使用官方 Node.js 22 LTS (bullseye-slim) 版本作为基础镜像
FROM node:22-bullseye-slim AS build

# 设置工作目录
WORKDIR /app

# 复制 package.json 和 package-lock.json
# 利用 Docker 的缓存机制，只有当这些文件变化时才重新安装依赖
COPY package*.json ./

# 安装项目依赖
RUN npm install

# 安装terser用于生产构建
RUN npm install terser --save-dev

# 复制项目文件
COPY . .

# 构建生产版本的应用
RUN npm run build

# --- Production Stage ---
# 使用轻量级的 Nginx 镜像来提供静态文件
FROM nginx:stable-alpine

# 从构建阶段复制编译好的静态文件到 Nginx 的 web 根目录
COPY --from=build /app/dist /usr/share/nginx/html

# 复制自定义的 Nginx 配置文件
# 这个文件需要您在项目根目录中创建
COPY nginx.conf /etc/nginx/conf.d/default.conf

# 暴露端口（这里我们之前设置为 5173）
EXPOSE 5173

# 容器启动时运行 Nginx
CMD ["nginx", "-g", "daemon off;"]